{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<h1 id="demo">将要被更改的地方</h1>
<button type="button" onclick="changeContent()">更改内容</button>

<h6>代码</h6>
<pre>
页面部分
&lt;h1 id="demo"&gt;将要被更改的地方&lt;/h1&gt;
&lt;button type="button" onclick="changeContent()"&gt;更改内容&lt;/button&gt;
<hr style="height:2px;border:none;border-top:2px dotted #185598">
js区
&lt;script language="javascript"&gt;

	function changeContent() {
		document.getElementById("demo").innerHTML = "通过innerHTML方法向页面输出了内容";
	}

&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">

	function changeContent() {
		document.getElementById("demo").innerHTML = "通过innerHTML方法向页面输出了内容";
	}

</script> {/block}